<style>
.sr-only {
	position:absolute;
	height:0.75rem;
	padding:0;
	padding-left:0.5rem;
	margin:-0.1rem;
	overflow:hidden;
	border:0;
	font-size:0.5rem;
	color:#666
}
.order-print-dots:before,.order-print-dots:after {
	content:"";
	height:0.5rem;
	width:0.5rem;
	background:#f3f3f3;
	border-radius:0.5rem;
	position:absolute;
}
.order-print-dots:before {
	left:-0.25rem;
	top:-0.25rem;
}
.order-print-dots:after {
	right:-0.25rem;
	top:-0.25rem;
}
.order-print-line {position: relative;border-bottom: 2px dashed #ddd;margin:0.25rem 0.5rem;margin-bottom:0}
</style>
<div class='fui-page fui-page-current' style="background:#f2f5fc">
	<div class="fui-tab fui-tab-danger" style="top:0;margin-top:0;background:linear-gradient(to bottom, #f8dfd8, #f2f5fc);">
		<a ng-class="{'external active':pagedata.params.status == 100 && pagedata.userdeleted!=1}" ng-click="pagedata.params.status = 100;tool.get_list('jy_cunfeepai/paiorder/list/',true)">全部</a>
		<a ng-class="{'external active':pagedata.params.status == 0}" ng-click="pagedata.params.status = 0;tool.get_list('jy_cunfeepai/paiorder/list/',true)">排队中</a>
		<a ng-class="{'external active':pagedata.params.status == 1}" ng-click="pagedata.params.status = 1;tool.get_list('jy_cunfeepai/paiorder/list/',true)">已免单</a>
		<a ng-class="{'external active':pagedata.params.status == 2}" ng-click="pagedata.params.status = 2;tool.get_list('jy_cunfeepai/paiorder/list/',true)">已退出</a>
	</div>
    <div class='fui-content' style="background:#f2f5fc">
		<div class='content-empty' ng-show="!pagedata.list || pagedata.list.length<=0">
            <i class='fa fa-comment-o'></i><br/>暂时没有任何记录!
        </div>
	<div class='jy-content'>
		<div class='radius' style="position: relative;background:#fff;">
		<div ng-repeat="item in pagedata.list" style="position: relative;">
		<div ng-if="$index>0" class="order-print-dots"></div>
		<div ng-if="$index>0" class="order-print-line"></div>
        <div class='fui-list-group container radius'>
			<div class="fui-list goods-item">
				<div class="fui-list-inner">
					<div class='title'>
						<span class="red" style="font-size:0.6rem;">订单金额：￥{{item.price}}</span>
					</div>
				</div>
				<div class='fui-list-angle'>
					<span class='fui-label fui-label-default gray' style="background:#f2f2f2;border-radius:0.2rem;">{{item.statustitle}}</span>
				</div>
			</div>
			<div class="fui-list goods-item" style="padding-bottom:0">
				<div class="fui-list-inner">
					<div class="gray" style="font-size:0.6rem;">商户：{{item.merchname||'无'}}</div>
					<div class="gray" style="font-size:0.6rem;">免单额外返：积分{{item.fee1}}，余额{{item.fee2}}，购物币{{item.fee3}}</div>
					<div class="gray" style="font-size:0.6rem;">当前退出返：积分{{item.tuifee1||0}}，余额{{item.tuifee2||0}}，购物币{{item.tuifee3||0}}</div>
					<div class="gray" style="font-size:0.6rem;">单号：{{item.ordersn}}</div>
					<div class="gray" ng-if="item.chou_paitypetitle" style="font-size:0.6rem;">未抽中：进入【{{item.chou_paitypetitle}}】</div>
					<div class='gray' style="font-size:0.6rem;">{{item.createtime}}</div>
				</div>
			</div>
			<div style="padding:0 0.5rem">
				<span class="status noremark r-f">
					<div ng-show="item.status == 0 && item.ischou==0 && pagedata.pluginset.ischouopen==1" class="btn btn-sm btn-danger-o order-delete" style="line-height:1.8" href="javascript:;" ng-click="pagedata.checkchou=true;pagedata.nowitem=item">抽奖</div>
					<div ng-show="item.lastcantifee>0.01" class="btn btn-sm btn-danger-o order-delete" style="line-height:1.8" href="javascript:;" ng-click="pagedata.checktixian=true;pagedata.nowitem=item">提现</div>
					<div ng-show="item.status >0" class="btn btn-sm btn-default-o order-delete" style="line-height:1.8" href="javascript:;" ng-click="access_json('core/member.credit_log/')">查看奖励</div>
					<div ng-show="item.status == 0" class="btn btn-sm btn-default-o order-delete" style="line-height:1.8" href="javascript:;" ng-click="pagedata.checkcancel=true;pagedata.nowitem=item">退出排队</div>
				</span>
            </div>
			<div style="width:100%;height:1.3rem;padding:0.5rem;padding-top:0">
				<span class="progress" style="float: left;margin-top:0.35rem;margin-bottom:0.25rem;width: 12rem;height: 0.65rem;border-radius: .5rem;overflow: hidden;">
					<div class="progress-bar" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" style="width: {{item.jindu || 1}}%;background-color:#FCC600;"><span class="sr-only">{{item.jindu || 1}}%</span></div>
				</span>
				<span class="process-text gray" style="float: left;font-size:0.55rem;padding-left:0.3rem;line-height:1.4rem">已返￥{{item.cantifee || 0}}</span>
			</div>
		</div>
		</div>
		</div>
    </div>
	</div>
</div>
<!-- 取消订单-->
<div ng-if="pagedata.checkcancel" class="popup">
			<div class="popup-body">
			<div class="popup-center" style="border-radius:0.2rem;">
				<div class="fui-page-title" style="margin-top:1rem">确定要退出排队免单吗？</div>
				<div class="fui-page-subtitle" style="margin-top:0.1rem">退出后，当前退出可返积分{{pagedata.nowitem.tuifee1||0}}，余额{{pagedata.nowitem.tuifee2||0}}，购物币{{pagedata.nowitem.tuifee3||0}}</div>
				<div class="modal-footer" style="margin-top:2rem">
					<a ng-click="pagedata.checkcancel=false" class="mod-fail">取消</a>
					<a href="javascript:" ng-click="post({id:pagedata.nowitem.id},'tuifan','id='+pagedata.nowitem.id);pagedata.checkcancel=false" class="mod-success" style="background:{{main.syscolor || 'red'}}">确定</a>
				</div>
			</div>
			</div>
</div>
<!-- 提现-->
<div ng-if="pagedata.checktixian" class="popup">
			<div class="popup-body">
			<div class="popup-center" style="border-radius:0.2rem;">
				<div class="fui-page-title" style="margin-top:1rem">确定要提现到余额吗？</div>
				<div class="fui-page-subtitle" style="margin-top:0.1rem">当前可提现￥{{pagedata.nowitem.lastcantifee||0}},提现手续费￥{{pagedata.nowitem.choutifee||0}}</div>
				<div class="modal-footer" style="margin-top:2rem">
					<a ng-click="pagedata.checktixian=false" class="mod-fail">取消</a>
					<a href="javascript:" ng-click="post({id:pagedata.nowitem.id},'tixian','id='+pagedata.nowitem.id);pagedata.checktixian=false" class="mod-success" style="background:{{main.syscolor || 'red'}}">确定</a>
				</div>
			</div>
			</div>
</div>
<!-- 抽奖-->
<div ng-if="pagedata.checkchou" class="popup">
			<div class="popup-body">
			<div class="popup-center" style="border-radius:0.2rem;">
				<div class="fui-page-title" style="margin-top:1rem">确定要参与抽奖吗？</div>
				<div class="fui-page-subtitle" style="margin-top:0.1rem">{{pagedata.choudesc}}</div>
				<div class="modal-footer" style="margin-top:2rem">
					<a ng-click="pagedata.checkchou=false" class="mod-fail">取消</a>
					<a href="javascript:" ng-click="post({id:pagedata.nowitem.id},'checkchou','id='+pagedata.nowitem.id);pagedata.checkchou=false" class="mod-success" style="background:{{main.syscolor || 'red'}}">确定</a>
				</div>
			</div>
			</div>
</div>
<div ng-include="sys_html('common/pluginnav',true)"></div>
<script>
scope.tool.get_list('jy_cunfeepai/paiorder/list/',true);
scope.pagedata.scroll_bottom=function(){
	scope.tool.get_list('jy_cunfeepai/paiorder/list/');
}
</script>